<html>
<h2>Thêm Danh mục Sản phẩm</h2>
<p id="page-intro">Thêm danh mục sản phẩm mới</p>
<div class="clear"></div>
<div class="content-box">
    <div class="content-box-header">
        <h3>Thông tin Danh mục</h3>
    </div>
    <div class="content-box-content">
        <form action="index.html#list_cat" id="categoryForm" method="post" onsubmit="return validForm(this,'');">

            <p>
                <label>Tên danh mục</label>
                <input class="text-input small-input" type="text" id="txtCatName" name="txtCatName" maxlength="25" />
            </p>
            <p>
                <label>Danh mục cha</label>
                <select name="parentCat" class="small-input">
                    <option value="0">Không có</option>
                    <option value="1">Trang Sức Nam</option>
                    <option value="2">Trang Sức Nữ</option>
                    <option value="3">Trang Sức Đôi</option>
                </select>
            </p>
            <p>
                <label>Mô tả chi tiết</label>
                <textarea class="text-input textarea" id="txtCatDesc" name="txtCatDesc" cols="79" rows="15"></textarea>
            </p>
            <p>
                <label>Thứ tự hiển thị</label>
                <input class="text-input tiny-input" type="text" id="txtDisplayOrder" name="txtDisplayOrder" value="0" />
            </p>
            <p>
                <label>Kích hoạt?</label>
                <input type="radio" name="radActive" value="1" checked="checked" />Có
                <input type="radio" name="radActive" value="0" />Không
            </p>
            <br />
            <p>
                <input class="btn" type="submit" value="Thêm Danh mục" />&#32;
                <input class="btn" type="reset" value="Huỷ" />
            </p>

        </form>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        //Tạo event blur cho các textfield và textarea
        $('#categoryForm *').each(function(){
            if(this.type=='text' || this.type=='textarea'){
                $(this).blur(function(){
                    validForm(this.form,this.name);
                });
            }
        });
        $('input[type="reset"]').click(function(){
            $('.content-box-content').find('span.input-notification').each(function(){
                $(this).remove();
            });
            $('.content-box-content *').each(function(){
                $(this).removeClass('error');
            })
        });
    });
</script>
</html>